<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>lu_salaryManagement</title>
    <!--<link rel="shortcut icon" href="favicon.ico">-->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!--<link href="css/font-awesome.min.css" rel="stylesheet">-->

    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/style.min.css" rel="stylesheet">

    <link rel="stylesheet" href="css/lu_common.css">
    <link rel="stylesheet" href="css/lu_projectProgress.css">
    <link rel="stylesheet" href="fonts_style/iconfont.css">
    <link rel="stylesheet" href="css/lu_salaryManagement.css">
    <style>
        .laydate-theme-molv .layui-laydate-main{
            height:300px!important;
        }
        .laydate-theme-molv .layui-laydate-content{
            height:300px!important;
            overflow: hidden!important;
        }
    </style>
</head>
<body class="color_fff container-fluid row">
    <div class="row projectProgress_table_BOX">
        <div class="table_BOX">
            <table class="col-sm-12 table table-striped comTableStyle" id="table_table">
                <thead>
                <tr>
                    <th><input type="checkbox" id="checkAll" class="checkboxStyle"></th>
                    <th style="white-space: nowrap">时间</th>
                    <th style="white-space: nowrap">姓名</th>
                    <th style="white-space: nowrap">工号</th>
                    <th style="white-space: nowrap">部门</th>
                    <th style="white-space: nowrap">基本工资(元)</th>
                    <th style="font-size:14px">奖金(元)</th>
                    <th style="font-size:14px">五险(元)</th>
                    <th style="font-size:14px">公积金(元)</th>
                    <th style="white-space: nowrap">操作</th>
                </tr>
                </thead>
                <tbody>
                <!--<tr data-index="14">-->
                    <!--<td><input type="checkbox" class="checkboxStyle"></td>-->
                    <!--<td>2017年1月30日</td>-->
                    <!--<td>张三</td>-->
                    <!--<td>1234</td>-->
                    <!--<td>技术部</td>-->
                    <!--<td>8000.00</td>-->
                    <!--<td>2000</td>-->
                    <!--<td>1540635.55</td>-->
                    <!--<td>1540635.55</td>-->
                    <!--<td><a href="edit_people" class="edit_table">编辑</a></td>-->
                <!--</tr>-->
                </tbody>
            </table>
            <div class="hidden_box">
                <div class="hidden_box_showBox ">
                    <span id="dateVal">2017年1月</span>
                    <i class="iconfont icon-jiantou"></i>
                </div>
                <ul class="hidden_box_hiddenBox">
                    <li class=" hidden_box_hiddenBox_list ">
                        <span class="hiddenBox_list_text">时间：</span>
                        <input type="text" class=" BFBFBF_inputStyle" id="query_time">
                    </li>
                    <li class=" hidden_box_hiddenBox_list ">
                        <span class="hiddenBox_list_text">姓名：</span>
                        <input type="text" class=" BFBFBF_inputStyle" data-query="name">
                    </li>
                    <li class=" hidden_box_hiddenBox_list ">
                        <span class="hiddenBox_list_text">工号：</span>
                        <input type="text" class=" BFBFBF_inputStyle" data-query="workNum">
                    </li>
                    <li class=" hidden_box_hiddenBox_list ">
                        <span class="hiddenBox_list_text">部门：</span>
                        <!--<input type="text" class=" BFBFBF_inputStyle">-->
                        <select class="BFBFBF_inputStyle " name=""  data-query="departMent">
                            <!--<option>技术部1</option>-->
                            <!--<option>技术部2</option>-->
                            <!--<option>技术部3</option>-->
                            <!--<option>技术部4</option>-->
                            <!--<option>技术部5</option>-->
                        </select>
                    </li>
                    <li class="hiddenBox_list_btn">
                        <button class="btn btn-sm btn-success" id="query">确定</button>
                        <button class="btn btn-sm btn-success">查找全部</button>
                        <button class="btn btn-sm btn-default">取消</button>
                    </li>
                </ul>
            </div>
            <ul class="operation_btn">
                <li><a href="add_people" class="btn btn-success">添加</a></li>
                <!--<li><a href="#" class="btn btn-success">批量导入</a></li>-->
                <li><a href="#import" class="btn btn-success">批量导入</a></li>
                <li><a href="#delete" class="btn btn-success">批量删除</a></li>
            </ul>
            <ul class="animated fadeIn add_hiddenBox" lll="add_people">
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>时间：</label>
                    <div class="col-sm-9">
                        <input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" id="add_time">
                    </div>
                </li>
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>姓名：</label>
                    <div class="col-sm-9">
                        <!--<input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="add_name">-->
                        <select class="form-control table_btn_list_selectStyle" add_name="add_name">
                            <!--<option>技术部1</option>-->
                            <!--<option>技术部2</option>-->
                            <!--<option>技术部3</option>-->
                            <!--<option>技术部4</option>-->
                        </select>
                    </div>
                </li>
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>部门：</label>
                    <div class="col-sm-9">
                        <input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" readonly add_name="add_departMent">
                        <!--<select class="form-control table_btn_list_selectStyle" add_name="add_departMent">-->
                            <!--<option>技术部1</option>-->
                            <!--<option>技术部2</option>-->
                            <!--<option>技术部3</option>-->
                            <!--<option>技术部4</option>-->
                        <!--</select>-->
                    </div>
                </li>
                <li class="form-group table_btn_list">
                    <label class="col-sm-4 control-label table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>基本工资(元)：</label>
                    <div class="col-sm-8">
                        <input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="add_baseSalary">
                    </div>
                </li>
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 control-label table_btn_list_title">奖金(元)：</label>
                    <div class="col-sm-9">
                        <input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="外聘人员不需要填写" add_name="add_bonus">
                    </div>
                </li>
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 control-label table_btn_list_title">五险(元)：</label>
                    <div class="col-sm-9">
                        <input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="外聘人员不需要填写" add_name="add_Insurance">
                    </div>
                </li>
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 control-label table_btn_list_title">公积金(元)：</label>
                    <div class="col-sm-9">
                        <input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="外聘人员不需要填写" add_name="add_fund">
                    </div>
                </li>
                <li class="button_list">
                    <button class="btn btn-sm btn-success" id="add_btn">确认添加</button>
                    <button class="btn btn-sm btn-success" id="add_AddNew_btn">添加并新增</button>
                    <button class="btn btn-sm btn-default cancel_btn">取消</button>
                </li>
            </ul>
            <ul class="animated fadeIn add_hiddenBox" lll="edit_people">
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>时间：</label>
                    <div class="col-sm-9">
                        <input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" id="edit_time" add_name="edit_time">
                    </div>
                </li>
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>姓名：</label>
                    <div class="col-sm-9">
                        <!--<input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="add_name">-->
                        <select class="form-control table_btn_list_selectStyle" add_name="edit_name">
                            <!--<option>技术部1</option>-->
                            <!--<option>技术部2</option>-->
                            <!--<option>技术部3</option>-->
                            <!--<option>技术部4</option>-->
                        </select>
                    </div>
                </li>
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>部门：</label>
                    <div class="col-sm-9">
                        <input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" readonly add_name="edit_departMent">
                        <!--<select class="form-control table_btn_list_selectStyle" add_name="edit_departMent">-->
                            <!--<option>技术部1</option>-->
                            <!--<option>技术部2</option>-->
                            <!--<option>技术部3</option>-->
                            <!--<option>技术部4</option>-->
                        <!--</select>-->
                    </div>
                </li>
                <li class="form-group table_btn_list">
                    <label class="col-sm-4 control-label table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>基本工资(元)：</label>
                    <div class="col-sm-8">
                        <input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="edit_baseSalary">
                    </div>
                </li>
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 control-label table_btn_list_title">奖金(元)：</label>
                    <div class="col-sm-9">
                        <input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="外聘人员不需要填写" add_name="edit_bonus">
                    </div>
                </li>
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 control-label table_btn_list_title">五险(元)：</label>
                    <div class="col-sm-9">
                        <input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="外聘人员不需要填写" add_name="edit_Insurance">
                    </div>
                </li>
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 control-label table_btn_list_title">公积金(元)：</label>
                    <div class="col-sm-9">
                        <input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="外聘人员不需要填写" add_name="edit_fund">
                    </div>
                </li>
                <li class="button_list">
                    <button class="btn btn-sm btn-success" id="save_btn">保存</button>
                    <button class="btn btn-sm btn-default cancel_btn">取消</button>
                </li>
            </ul>
        </div>

        <!--内容没填完，弹框-->
        <div class="warning_hiddenBox animated fadeIn" id="yz_modal" box="yz_modal">
            您有内容没有填写完哦！
        </div>
        <!--删除人员-->
        <div class="col-sm-12 add_people_list animated fadeIn" id="delete" lll="delete">
            <p class="delete_tip_text">确认删除吗？</p>
            <div class="delete_tip_btn_box">
                <button class="btn btn-sm btn-success">确认</button>
                <button class="btn btn-sm btn-default">取消</button>
            </div>
        </div>
        <!--导入文件-->
        <div class="add_hiddenBox animated fadeIn" id="import" lll="import">
            <p class="import_tip_text">温馨提示：</p>
            <p class="import_tip_text">请下载统一的模版，并按相应的格式在Excel软件中填写您的业务数据，然后再导入到系统中。</p>
            <form action="http://jk.com/Admin/Knowledge/importKnow" method="post" enctype="multipart/form-data" id="file_form">
                <input type="file" accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" class="import_tip_text file_upload_btn" id="file_upload" name="knows">
                <div class="import_tip_btn_box">
                    <a class="btn btn-sm btn-success" href="#">下载模板</a>
                    <button class="btn btn-sm btn-grey">确定导入</button>
                </div>
            </form>
        </div>
    </div>

    <script src="js/jquery.min.js"></script>
    <script src="js/laydate/laydate.js"></script>
    <script src="js/lu_salaryManagement.js"></script>
    <script>
        $(function(){
            window.query_time = ''
//            window.query_time_arr = [];
//            window.query_time_start = '';
//            window.query_time_end = '';
//            window.add_time = ''
//            window.add_time_year=''
//            window.add_time_month=''
//
//            window.edit_time = ''
//            window.edit_time_year=''
//            window.edit_time_month=''

            laydate.render({
                elem: '#query_time', //指定元素
                type:   'month',
                theme: '#2881C1',
                range: true,
                done: function(value, date, endDate){
                    var dateVal = date.year+'年'+date.month+'月至'+endDate.year+'年'+endDate.month+'月'
                    window.query_time = dateVal
                    window.query_time_start = date.year+'-'+date.month;
                    window.query_time_end = endDate.year+'-'+endDate.month;
//                    window.query_time_arr = value.split(' - ');
                }
            });
            laydate.render({
                elem: '#add_time', //指定元素
                type:   'month',
                theme: '#2881C1',
                done: function(value, date, endDate){
                    var dateVal = date.year+'年'+date.month+'月'
                    window.add_time = dateVal
                    window.add_time_year = date.year
                    window.add_time_month = date.month
                }
            });
            laydate.render({
                elem: '#edit_time', //指定元素
                type:   'month',
                theme: '#2881C1',
                done: function(value, date, endDate){
                    var dateVal = date.year+'年'+date.month+'月'
                    window.edit_time = dateVal
                    window.edit_time_year = date.year
                    window.edit_time_month = date.month
                }
            });

        })
    </script>
</body>
</html>